*{margin:0;padding:0}
html,body{height:100%}

/*===========================================*/

body{font:14px Titillium,Arial;text-align:center;color:#500A81;background:#ffffff;color:#555}
h1, h2, h3{font-family:Titillium}
h1{font-size:30px}
h2{font-size:20px;margin-top:30px}
h2:first-child{margin-top:0}
h3{font-size:18px;color:#986911}

a:link,a:visited{color:#369;text-decoration:underline;outline:none}
a:hover,a:active{text-decoration:none}
a img{border:0}
h2 a:link,h2 a:visited{color:#999999}
h2.violet a:link,h2.violet a:visited{color:#3D0E77}

.span4{width:25%}
.span3{width:32%}
.span2{width:47%}
.span23{width:70%}
.span65{width:65%}

a.more{font:11px Calibri,Arial;clear:both;display:block;float:right;padding:1px 4px;text-decoration:none;border-radius:3px}
a.more:hover{background:#369;color:#fff}
a.more.inline{display:inline-block;float:none}

input,textarea,select{font:11px Calibri,Arial;padding:2px 4px;resize:none;border:1px solid #ccc;color:#777;border-radius:2px}
input:hover,textarea:hover,select:hover{background:#eee}
input:focus,textarea:focus,select:focus{background:#500A81;color:#fff;border-color:#500A81}
input[type=submit],input[type=button],input[type=reset],
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background:#ccc;cursor:pointer;border:0;border-radius:4px;padding:4px 7px}
:-moz-placeholder{color:#bbb}

button{border-radius:3px;border:none;padding:5px 10px;background-color:#500A81;color:#fff;cursor:pointer;opacity:0.5}
button:hover{opacity:0.75}
button.print{background-image:url(../img/print.png);background-position:6px center;background-repeat:no-repeat;padding-left:24px}

.left{float:left}
.right{float:right}

.date{color:#bbb;font-size:12px}

#flashMessage{display:block;position:fixed;left:0;top:0;width:100%;background:#fc0;padding:10px 0;font-weight:bolder;color:#8C6844;box-shadow:0 0 3px #000}
#flashMessage.ok{background:darkgreen;color:#fff}
#flashMessage.error{background:red;color:#fff}

#container{width:800px;margin:0 auto;padding:20px 0;text-align:left;background:#fff}
#header{height:90px;padding-top:20px;position:relative}

#menu{list-style:none;font-size:20px;float:right;margin-top:20px}
#menu li{float:left;margin:0 5px 0 0}
#menu a,#menu strong{color:#7f7f7f;text-decoration:none;padding:5px 15px;display:block;border-radius:3px;outline:none}
#menu a:hover{background:#ddd}
#menu strong{background:#500A81;color:#fff;cursor:default}

#top-photo{position:relative;width:800px;height:130px;overflow:hidden}
#breadcrumbs{position:absolute;background:url(../img/top_photo_breadcrumbs.png) no-repeat right 0;top:100px;height:30px;padding:0 30px 0 5px;line-height:34px;font-size:22px;color:#e4d5ae}
#breadcrumbs a{color:#C6AE84;text-decoration:none}
#breadcrumbs .home{margin-top:4px;float:left}
#breadcrumbs .divide{width:12px;height:19px;background:url(../img/breadcrumbs_divide.png) no-repeat center center;text-indent:-100em;overflow:hidden;display:block;float:left;margin:8px 10px}
#breadcrumbs strong,#breadcrumbs a{display:block;float:left}
#breadcrumbs strong{color:#500A81}

#content{margin-bottom:30px;padding-top:20px}

#content h1{color:#500A81;text-transform:uppercase;margin-bottom:20px}
#content h2{margin-bottom:5px;color:#999}
#content h2.violet{color:#3D0E77}
#content p{margin-bottom:10px}

#content ul,#content ol{padding-left:40px;margin:10px 0}
#content li{margin-bottom:10px}
#content ul.clean{list-style:none;margin:0;padding:0}

#content .list{list-style:none;padding:0;float:left;width:100%}
.list li{text-align:center;float:left;margin:0 10px 10px 0;position:relative}
.list a{text-decoration:none;color:#555;display:block}
.list a:hover{color:#000}
.list .image{width:182px;height:102px;display:block;overflow:hidden;margin-bottom:3px}
.list img{width:180px}
.list li:hover img{border-color:#3D0E77}
.list .title{position:absolute;top:0;left:0;background:rgba(255,255,255,0.7);color:#333;width:171px;padding:2px 5px;text-align:left}

#content .news-box{list-style:none;margin:30px 0 0;padding:0;float:left;width:100%}
#content .news-box li{float:left;width:245px;height:180px;overflow:hidden;margin:0 30px 30px 0}
#content .news-box li:last-child{margin-right:0}
#content .news-box h2{font-size:14px;color:#555;margin-bottom:0;height:22px;line-height:20px;overflow:hidden}
#content .news-box h2 a{text-decoration:none;color:#555}
#content .news-box .date{font-style:italic;color:#bbb;font-size:12px;margin-bottom:0;height:22px;line-height:20px;overflow:hidden}
#content .news-box .blurb{margin-bottom:0;height:60px;line-height:20px;overflow:hidden}
#content .news-box .blurb a{text-decoration:none;color:#555}
#content .news-box .blurb a:hover{text-decoration:underline}

#customers{background:#ccc;clear:both;color:#888;height:100px;width:100%;overflow:hidden;text-align:center}
#customers ul{position:relative;width:80%;list-style:none;padding:0;font-style:italic;text-align:left;margin:0 auto}
#customers li{height:100px;text-align:left;clear:both;position:absolute;display:none;width:100%}
#customers li:first-child{display:block}
#customers blockquote{font:italic bold 30px Cambria;padding-top:20px;display:inline-block}
#customers img{float:left;margin:10px}
#customers a{text-decoration:none;color:#888}
#customers p{}

#partners{margin:30px 0;text-align:center;float:left;width:100%}
#partners .screen{display:block;width:700px;height:70px;position:relative;overflow:hidden;float:left}
#partners .ctrl{width:50px;height:70px;display:block;float:left;text-indent:-100em;overflow:hidden;background:url(../img/partners-controls.png) no-repeat 0 0}
#partners .ctrl:hover{background-position:0 -70px}
#partners .ctrl.next{background-position:-50px 0}
#partners .ctrl.next:hover{background-position:-50px -70px}
#partners .ctrl.disabled,#partners .ctrl.disabled:hover{cursor:default;background-position:0 -140px}
#partners .ctrl.next.disabled,#partners .ctrl.next.disabled:hover{background-position:-50px -140px}
#partners ul{list-style:none;text-align:left;width:200%}
#partners li{display:block;padding:0 10px;float:left;width:120px;height:70px;overflow:hidden}
#partners .fade{display:none;width:140px;height:70px;position:absolute;z-index:10;left:0;top:0;background:url(../img/partners-fade.png) no-repeat 0 0}
#partners .fade.next{display:block;left:560px;background-position:-140px 0}

.pagination{border-top:1px solid #ccc;color:#aaa;margin-top:20px;text-align:center}
.pagination a{color:#aaa;text-decoration:none}
.pagination .current,.pagination strong{font-weight:bolder;color:#555}
.pagination .numbers{width:80%;overflow:hidden;float:left}
.pagination .numbers span{margin:0 2px}
.pagination .first,.pagination .last{float:left;width:10%;height:24px;overflow:hidden;text-align:left;font-size:20px;line-height:16px;color:#ddd;font-weight:normal}
.pagination .first a,.pagination .last a{color:#555;font-weight:bolder}
.pagination .last{float:right;text-align:right}

#footer{clear:both;text-align:center;font:12px Calibri,Arial;color:#999;border-top:1px dotted #aaa;padding-top:10px;margin-top:30px}

.cake-sql-log{opacity:0.1}
.cake-sql-log:hover{opacity:1}
.cake-sql-log caption{display:none}

#content .sidebar.right{max-width:220px;border-left:1px solid #ccc;padding-left:20px}

ul.related-products{text-align:right}
    .related-products li{position:relative}
    #content .related-products p{position:absolute;right:0;bottom:0;z-index:3;height:14px;font-size:12px;line-height:14px;padding:3px 7px;margin:0;overflow:hidden;background:rgba(255,255,255,0.75);color:#333}
ul.product-gallery{float:left;clear:both}
ul.product-gallery li{float:left;margin:0 15px 15px 0;width:80px;height:80px;overflow:hidden}

.product-page .list .image{width:175px}
.product-page .list img{width:173px}
.product-page .list .title{width:165px}

.list.recepti li{width:200px;font-size:11px;margin-right:20px}
.list.recepti .image{width:100px;float:left}
.list.recepti .material{color:#aaa;width:90px;float:right;text-align:left;height:100px;overflow:hidden;line-height:14px}
.list.recepti .title{position:static;padding:0;color:#c9aa69;display:block;font-size:14px;margin-bottom:3px}

.receipe-material{float:left;font-size:0.9em;color:#aaa}
#content .receipe-material li{clear:both;float:left;width:100%;margin:0}
.receipe-material span{display:block;float:left}
.receipe-material .name{width:150px;text-align:right;margin-right:5px}
.receipe-material .amount{color:#aa85c8}

#content .customer-list{list-style:none;padding-left:0}
#content .customer-list li{clear:both;margin-bottom:30px;float:left;width:100%}
#content .customer-list img{float:left;background:#ccc;padding:4px;margin-right:10px;border-radius:4px}
#content .customer-list h3{margin:0 0 10px}
#content .customer-list p{font:italic 20px Cambria}
#content .customer-list p:before,#content .customer-list p:after{content:"\"";font-size:24px;color:#aaa}

.fb-like-box-container{position:absolute;top:0px;left:700px;width:250px;height:30px}
.fb-button,.fb-button:link,.fb-button:visited{background:#ECEEF5 url(../img/fb-icon.png) no-repeat 4px center;padding:1px 4px 1px 20px;border:1px solid #CAD4E7;border-radius:3px;font-size:12px;text-decoration:none;float:right}
.fb-button:hover{border-color:#9dacce}
